<template>
    <div id="app">
      <ul>
        <li v-for="(item, index) in arr" :key="item">
          <span>{{ item }}</span>
          <button @click="del(index)">删除</button>
        </li>
      </ul>
      <button @click="add">生成</button>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        arr: [1, 5, 8],
      };
    },
    methods: {
      add() {
        this.arr.push(Math.floor(Math.random() * 5));
      },
      del(index) {
        this.arr.splice(index, 1);
      },
    },
  };
  </script>
  
  <style>
  </style>